/* 字体颜色 */
.c-base{color:#ffffff;}/* 白色 */
.c-black{color: #000000;}/* 黑色 */
.c-title{color: #333}/* 标题/副标题 */
.c-desc{color:#555;}/* 辅助描述性文字 */
.c-caption{color:#999999;}/* 辅助描述性文字 */
.c-paragraph{color:#777;}/* 段落字体 */
.c-desc{color:#666;}/* 段落字体 */
.c-success{color:#4A9E45;}/* 成功/链接文字 */ 
.c-tips{color:#ffd753;}/* 失效 */ 
.c-warning{color:#E82F21;}/* 警告/非法 */  
.c-nodata{color:#cccccc;}/* 链接文字 */
.c-placeholder{color:#C4C4C6;}/* 输入框文字 */
.c-shadow{text-shadow:2rpx 2rpx 2rpx #808080;}/* 字体阴影 */

.c-5d{color:#5D6581;}
.c-origin{color: #FF002E;}
.c-origin1{color: #FF7F66;}
.c-66{color: #6689FF;}
.c-ff{color: #FFAC4D;}
.c-1c{color: #1C274C;}
.c-8d{color: #8D93A5;}
.c-53{color: #535AEC;}
.c-5e{color:#5E6E94;}
.c-d2{color: #D2D3D9;}
.c-bb{color: #BBBEC9;}
.c-78{color: #788096;}
.c-ad{color: #ADB1BF;}
.c-60{color: #606882;}
.c-41{color: #41465A;}
.c-87{color: #878DA1;}
.c-74{color: #747B93;}
.c-49{color: #495270;}

.c-89{color: #898D99;}
.c-a4{color: #A4A9B7;}
.c-b4{color: #B4B8C3;}
.c-77{color: #777D94;}
.c-ff2{color: #FF8F33;}
.c-9c{color: #9CA2B9;}
.c-fb{color: #FB4543;}

/* 填充色 */
.fill-base{background:#ffffff!important;}/* 默认 */
.fill-body{background:#F6F7FB;}/* 页面 */
.fill-primary{background:#19c865;}/* 主题色/主要活动按钮 */
.fill-caption{background:#ffd753;}/* 辅助色 */
.fill-warning{background:#f12c20;}/* 警告/非法 */ 
.fill-second{background:#efeff4;}/* 区块分割线 */
.fill-space{background: #EEEEEE;}/* 次要活动按钮 */

/* 圆角 */
.radius{border-radius: 5000rpx;}
.radius-4 {border-radius: 4rpx;}
.radius-10 {border-radius: 10rpx;}
.radius-16 {border-radius: 16rpx;}
.radius-20 {border-radius: 20rpx;}  
.radius-24 {border-radius: 24rpx;} 
.radius-34 {border-radius: 34rpx;} 
.radius-top-34 {border-radius: 34rpx 34rpx 0 0;} 
.radius-bottom-34 {border-radius:0 0 34rpx 34rpx;} 


/* 字体样式 */
text{vertical-align: middle;}/* 上下居中 */
.text-left{text-align: left;}/* 左对齐 */
.text-center { text-align: center}/* 中对齐 */
.text-right {text-align: right}/* 右对齐 */
.text-justify{text-align: justify;}/* 两端对齐，谨慎使用 */
.text-justify::after{content: '';width: 100%;display: inline-block;}
.text-delete {text-decoration: line-through}/* 删除线 */
.text-underline{text-decoration: underline}/* 下划线 */ 
.text-bold{ font-weight:bold;}/* 加粗 */
.text-normal{ font-weight:normal;}

/* 文本溢出省略 */
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.ellipsis-2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.ellipsis-3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.ellipsis-4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4;overflow: hidden;}

/* 定位 */
.rel{position: relative;}
.abs{position: absolute;}
.fix{position: fixed;width: 100%;z-index: 100;}
.fixed-top{position: fixed;left: 0;right: 0;top: 0;z-index: 100;}
.fixed-bottom{position: fixed;left: 0;right: 0;bottom: 0;z-index: 100;}

// 左右间距
.m-l-auto {
  margin-left: auto;
}
.m-r-auto {
  margin-right: auto;
}